import { Model } from "@antv/x6"

export default {
  nodes: [
    {
      id: 'custom-html-node',
      shape: 'custom-html-node',
      x: 0,
      y: 0,
    },
    {
      id: 'node1',
      shape: 'custom-vue-node',
      x: 0,
      y: 150,
      ports: {
        items: [
          {
            id: 'port_1',
            group: '',
          }
        ],
      },
    },
    {
      id: 'node2',
      shape: 'custom-vue-node',
      x: 80,
      y: 390,
      ports: {
        items: [
          {
            id: 'port_2',
            group: 'top',
          }
        ],
      },
    },
    {
      id: 'node3',
      shape: 'custom-vue-node',
      x: 220,
      y: 390,
      ports: {
        items: [
          {
            id: 'port_3',
            group: 'top',
          }
        ],
      },
    }
  ],
  edges: [
    {
      source: {
        cell: 'node1',
        port: 'port_1',
      },
      target: {
        cell: 'node2',
        port: 'port_2',
      },
      router: 'er',
      // vertices: [
      //   { x: 160, y: 200 }
      // ],
    },
    {
      source: {
        cell: 'node1',
        port: 'port_1',
      },
      target: {
        cell: 'node3',
        port: 'port_3',
      },
      // vertices: [
      //   { x: 160, y: 200 }
      // ],
      router: 'er',
    }
  ],
} as Model.FromJSONData